import React from 'react'
class ContentBar extends React.Component{
    constructor(props){
        super(props)
        this.state={

        }
    }

    render(){
        return(
            <div>
                <div className='ContentBar' style={{height:46,width:375,borderBottom:'1px solid hsla(0,0%,59.2%,.1)',display:'flex'}}>
                    <div className='space' style={{width:12}}>

                    </div>
                    <div className='Bar' style={{fontSize:'14px',width:146,textAlign:'center',height:46,lineHeight:'12px',display:'flex',alignItems:'center'}}>
                        <div className='hottest' style={{width:48,height:12,borderRight:'1px solid hsla(0,0%,59.2%,.2)',color:'#007FFF'}}>
                            热门
                        </div>
                        <div className='newest' style={{width:48,height:12,borderRight:'1px solid hsla(0,0%,59.2%,.2)',color:'#71777C'}}> 
                            最新
                        </div>
                        <div className='hottestList' style={{width:48,height:12,color:'#71777C'}}>
                            热榜
                        </div>
                    </div>
                    
                </div>
            </div>
        )
    }
}
export default ContentBar